<!-- section start -->
<!-- ================ -->
<div class="section gray-bg text-muted footer-top clearfix">
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <div class="owl-carousel clients">
                    <div class="client">
                        <a href="#"><img src="/resource/home/images/client-1.png" alt=""></a>
                    </div>
                    <div class="client">
                        <a href="#"><img src="/resource/home/images/client-2.png" alt=""></a>
                    </div>
                    <div class="client">
                        <a href="#"><img src="/resource/home/images/client-3.png" alt=""></a>
                    </div>
                    <div class="client">
                        <a href="#"><img src="/resource/home/images/client-4.png" alt=""></a>
                    </div>
                    <div class="client">
                        <a href="#"><img src="/resource/home/images/client-5.png" alt=""></a>
                    </div>
                    <div class="client">
                        <a href="#"><img src="/resource/home/images/client-6.png" alt=""></a>
                    </div>
                    <div class="client">
                        <a href="#"><img src="/resource/home/images/client-7.png" alt=""></a>
                    </div>
                    <div class="client">
                        <a href="#"><img src="/resource/home/images/client-8.png" alt=""></a>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <blockquote class="inline">
                    <p class="margin-clear">Design is not just what it looks like and feels like. Design is how it works.</p>
                    <footer><cite title="Source Title">Steve Jobs </cite></footer>
                </blockquote>
            </div>
        </div>
    </div>
</div>
<!-- section end -->

<!-- footer start (Add "light" class to #footer in order to enable light footer) -->
<!-- ================ -->


<footer id="footer">

    <!-- .footer start -->
    <!-- ================ -->
    <div class="footer">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <div class="footer-content">
                        <div class="logo-footer"><img id="logo-footer" src="/resource/home/images/logo_red_footer.png" alt=""></div>
                        <div class="row">
                            <div class="col-sm-6">
                                <p>Lorem ipsum dolor sit amet, consect tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim ven.</p>
                                <ul class="social-links circle">
                                    <li class="facebook"><a target="_blank" href="http://www.cssmoban.com"><i class="fa fa-facebook"></i></a></li>
                                    <li class="twitter"><a target="_blank" href="http://www.cssmoban.com"><i class="fa fa-twitter"></i></a></li>
                                    <li class="googleplus"><a target="_blank" href="http://www.cssmoban.com"><i class="fa fa-google-plus"></i></a></li>
                                    <li class="skype"><a target="_blank" href="http://www.cssmoban.com"><i class="fa fa-skype"></i></a></li>
                                    <li class="linkedin"><a target="_blank" href="http://www.cssmoban.com"><i class="fa fa-linkedin"></i></a></li>
                                </ul>
                            </div>
                            <div class="col-sm-6">
                                <ul class="list-icons">
                                    <li><i class="fa fa-map-marker pr-10"></i> One infinity loop, 54100</li>
                                    <li><i class="fa fa-phone pr-10"></i> +00 1234567890</li>
                                    <li><i class="fa fa-fax pr-10"></i> +00 1234567891 </li>
                                    <li><i class="fa fa-envelope-o pr-10"></i> info@idea.com</li>
                                </ul>
                            </div>
                        </div>
                        <a href="page-about.html" class="link"><span>Read More</span></a>
                    </div>
                </div>
                <div class="space-bottom hidden-lg hidden-xs"></div>
                <div class="col-sm-6 col-md-2">
                    <div class="footer-content">
                        <h2>Links</h2>
                        <nav>
                            <ul class="nav nav-pills nav-stacked">
                                <li><a href="index.html">Home</a></li>
                                <li class="active"><a href="blog-right-sidebar.html">Blog</a></li>
                                <li><a href="portfolio-3col.html">Portfolio</a></li>
                                <li><a href="page-about.html">About</a></li>
                                <li><a href="page-contact.html">Contact</a></li>
                            </ul>
                        </nav>
                    </div>
                </div>
                <div class="col-sm-6 col-md-3 col-md-offset-1">
                    <div class="footer-content">
                        <h2>Latest Projects</h2>
                        <div class="gallery row">
                            <div class="gallery-item col-xs-4">
                                <div class="overlay-container">
                                    <img src="/resource/home/images/gallery-1.jpg" alt="">
                                    <a href="portfolio-item.html" class="overlay small">
                                        <i class="fa fa-link"></i>
                                    </a>
                                </div>
                            </div>
                            <div class="gallery-item col-xs-4">
                                <div class="overlay-container">
                                    <img src="/resource/home/images/gallery-2.jpg" alt="">
                                    <a href="portfolio-item.html" class="overlay small">
                                        <i class="fa fa-link"></i>
                                    </a>
                                </div>
                            </div>
                            <div class="gallery-item col-xs-4">
                                <div class="overlay-container">
                                    <img src="/resource/home/images/gallery-3.jpg" alt="">
                                    <a href="portfolio-item.html" class="overlay small">
                                        <i class="fa fa-link"></i>
                                    </a>
                                </div>
                            </div>
                            <div class="gallery-item col-xs-4">
                                <div class="overlay-container">
                                    <img src="/resource/home/images/gallery-4.jpg" alt="">
                                    <a href="portfolio-item.html" class="overlay small">
                                        <i class="fa fa-link"></i>
                                    </a>
                                </div>
                            </div>
                            <div class="gallery-item col-xs-4">
                                <div class="overlay-container">
                                    <img src="/resource/home/images/gallery-5.jpg" alt="">
                                    <a href="portfolio-item.html" class="overlay small">
                                        <i class="fa fa-link"></i>
                                    </a>
                                </div>
                            </div>
                            <div class="gallery-item col-xs-4">
                                <div class="overlay-container">
                                    <img src="/resource/home/images/gallery-6.jpg" alt="">
                                    <a href="portfolio-item.html" class="overlay small">
                                        <i class="fa fa-link"></i>
                                    </a>
                                </div>
                            </div>
                            <div class="gallery-item col-xs-4">
                                <div class="overlay-container">
                                    <img src="/resource/home/images/gallery-7.jpg" alt="">
                                    <a href="portfolio-item.html" class="overlay small">
                                        <i class="fa fa-link"></i>
                                    </a>
                                </div>
                            </div>
                            <div class="gallery-item col-xs-4">
                                <div class="overlay-container">
                                    <img src="/resource/home/images/gallery-8.jpg" alt="">
                                    <a href="portfolio-item.html" class="overlay small">
                                        <i class="fa fa-link"></i>
                                    </a>
                                </div>
                            </div>
                            <div class="gallery-item col-xs-4">
                                <div class="overlay-container">
                                    <img src="/resource/home/images/gallery-9.jpg" alt="">
                                    <a href="portfolio-item.html" class="overlay small">
                                        <i class="fa fa-link"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="space-bottom hidden-lg hidden-xs"></div>
        </div>
    </div>
    <!-- .footer end -->

    <!-- .subfooter start -->
    <!-- ================ -->
    <div class="subfooter">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <p> 特意感谢模板之家，提供给优雅的网页模板！ <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a>
                    </p>
                </div>
                <div class="col-md-6">
                    <nav class="navbar navbar-default" role="navigation">
                        <!-- Toggle get grouped for better mobile display -->
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-2">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                        </div>
                        <div class="collapse navbar-collapse" id="navbar-collapse-2">
                            <ul class="nav navbar-nav">
                                <li><a href="index.html">Home</a></li>
                                <li><a href="page-about.html">About</a></li>
                                <li><a href="blog-right-sidebar.html">Blog</a></li>
                                <li><a href="portfolio-3col.html">Portfolio</a></li>
                                <li><a href="page-contact.html">Contact</a></li>
                            </ul>
                        </div>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <!-- .subfooter end -->

</footer>